/**
 * @name FormWrapper
 * @author darcrand
 * @desc 自定义form容器
 */

import React from 'react'
import styles from './styles.module.less'

const FORM_ITEM_LAYOUT = {
  labelCol: { span: 4 },
  wrapperCol: { span: 20 },
}
const TAIL_FORM_LAYOUT = {
  wrapperCol: { xs: { span: 24, offset: 0 }, sm: { span: 20, offset: 4 } },
}

function FormWrapper({ children }) {
  return <div className={styles.form_wrapper}>{children}</div>
}

FormWrapper.FORM_ITEM_LAYOUT = FORM_ITEM_LAYOUT
FormWrapper.TAIL_FORM_LAYOUT = TAIL_FORM_LAYOUT

export default FormWrapper
